<template>
    <div>
        <mt-loadmore :top-method="loadTop" :bottom-method="loadBottom" :bottom-all-loaded="allLoaded" ref="loadmore">
          <ul>
            <li v-for="item in list">{{ item }}</li>
          </ul>
        </mt-loadmore>
    </div>
</template>

<script>
export default {
    name: 'NovelEdit',
    data () {
        return {
          title: '修真大陆',
          allLoaded:false,
          list:[]
      }
    },

    methods: {
        loadTop() {
          this.$refs.loadmore.onTopLoaded();
        },
        loadBottom() {
          this.allLoaded = true;// 若数据已全部获取完毕
          this.$refs.loadmore.onBottomLoaded();
        }
    }

  
}

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
    .title{
        text-align: center;
    }
    .novel-icon{
        width: 48px;
        height: 48px;
        margin: 5px 0px;
    }
</style>
